export default {
    data() {
        return {
            //弹窗标题
            formTitle: null,
            //控制弹窗是否显示
            dialogFormVisible: false,
            //表单中label的宽度
            formLabelWidth: "25%",
            //表单元素的宽度
            style: {
                width: '80%'
            }
        }
    },
    methods: {
        /**
         * 打开新增弹窗
         */
        openAddDialog() {
            this.formTitle = "新增" + this.title
            this.$refs['modelForm'] && this.$refs['modelForm'].resetFields()
            this.dialogFormVisible = true
        },
        /**
         * 打开编辑弹窗
         */
        openEditDialog() {
            this.formTitle = "编辑" + this.title
            this.$refs['modelForm'] && this.$refs['modelForm'].resetFields()
            this.dialogFormVisible = true
        },
        /**
         * 保存员工信息
         */
        addOrEditData() {
            //首先进行表单验证，验证通过后才能调用后台
            this.$refs['modelForm'].validate(valid => {
                if (valid) {
                    if (this.modelForm[this.key] !== null) {
                        //编辑
                        this.$http.post(this.url.editData, this.modelForm).then(res => {
                            if (res.code === '200') {
                                //如果编辑成功，关闭弹框
                                this.dialogFormVisible = false
                                //刷新表格
                                this.$parent.getDataList()
                                //提示
                                this.$message.success("编辑成功")
                            } else {
                                this.$message.error("编辑失败，请联系管理员")
                            }
                        })
                    } else {
                        //新增
                        this.$http.post(this.url.addData, this.modelForm).then(res => {
                            if (res.code === '200') {
                                //如果新增成功，关闭弹框
                                this.dialogFormVisible = false
                                //刷新表格
                                this.$parent.getDataList()
                                //提示
                                this.$message.success("新增成功")
                            } else {
                                this.$message.error("新增失败，请联系管理员")
                            }
                        }).catch(() => {
                            this.$message.error("新增失败，请联系管理员")
                        })
                    }
                }
            })
        }
    }
}